<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MobileGroup</title>
<link href="css/zxmk.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/qr.css">
</head>
<body>
<div class="top-nav">
  <div class="w1000 clearfix">
    <div class="topLogo"><img src="images/xx-logo.jpg"  alt="logo"/></div>
    <div class="topLogin"> 
    	<a href="#" onclick="signIn()" class="userName">登陆</a>
    	<a href="#" onclick="signUp()">退出</a> 
    </div>
  </div>
</div>
<div class="index-con" style="z-index: 0">
  <ul>
    <li class="in-kct in-course"> <a onclick="goWhenInState('layui/index.html')" href="#" title="管理">
      <div class="in-block"> <i class="bigger"></i> <span class="ch show" style="display: block;">管理端</span> <i class="in-none"></i> <span class="in-text" style="display: none;">
        <p><em>组织信息</em>&nbsp;&nbsp;更新</p>
       
        </span> </div>
      </a> </li>
    <li class="in-kct in-quest"> 
    	<a href="info.html" title="团体" target="_blank">
      <div class="in-block"> <i class=""></i> <span class="ch" style="display: inline;">详情</span> <i class="in-none"></i> <span class="in-text" style="display: none; width: 280px; left: 30px">
        <p><em>9</em>个团体、<em>499</em>个用户</p>
        <p>为你的生活<em>添加方便</em>！</p>
        </span> </div>
      </a> 
    </li>
    <li class="in-jbk in-plan"> 
    	<a onclick="dashangToggle()" href="#">
      <div class="in-block"> <i style="display: block;"></i> <span style="display: inline;">微信端</span> <i class="in-none toLeft1" style="display: none;"></i> <span class="in-text" style="display: none;">
        <p>让你像微信群一样</p>
        <p>轻松找到那个她(他)</p>
        </span> </div>
      </a> 
    </li>
    <li class="in-jbk in-report"> 
    	<a href="#" title="组织信息" ><!--onclick="goWhenInState('orgList.html')"-->
      <div class="in-block"> <i style="display: block;"></i> <span style="display: inline;">我在</span> <i class="in-none toLeft2" style="display: none;"></i> <span class="in-text" style="display: none;">
        <p>查看架构</p>
        <p>查看组织详情</p>
        </span> </div>
      </a> </li>
    <li class="in-zxl in-forma"> 
    	<a  href="#"><!--onclick="goWhenInState('tab.html')"-->
      <div class="in-block"> <i style="display: block;"></i> 
      	<span style="display: inline;">批操作</span> <i class="in-none toLeft0 toLeft4" style="display: none;"></i> <span class="in-text" style="display: none;">
        <p>批录入导出成员信息</p>
        <p>批预录入用户信息</p>
        </span> </div>
      </a> 
    </li>
    <li class="in-zxl in-means"> 
    	<a href="#" title="" >
      <div class="in-block"> <i></i> <span>404</span> <i class="in-none"></i> <span class="in-text">
        <p>404</p>
        <p>找不到了</p>
        </span> </div>
      </a> </li>
    <li class="in-jbk in-client"> 
    	<a href="#" title="微社区">
      <div class="in-block"> <i></i> <span>微社区</span> <i class="in-none"></i> <span class="in-text">
        <p>在线交流</p>
        <p>让你学习考试更简单</p>
        </span> </div>
      </a> </li>
  </ul>
</div>

<!--微信二维码层开始-->
 <div class="content">
    <p></p>
    <div class="hide_box"></div>
    <div class="shang_box">
    	<a class="shang_close" href="javascript:void(0)" title="关闭"  onClick="dashangToggle()"><img src="images/close.jpg" alt="取消" /></a>
        <img class="shang_logo" src="images/logos.png" alt="手机群录" />
    	<div class="shang_tit">
    		<p>感谢您的关注</p>
    	</div>
    	<div class="shang_payimg">
    		<img src="images/alipayimg.jpg" alt="扫码支持" title="扫一扫" />
    	</div>
    		<div class="pay_explain">轻松找到那个他(她)</div>
    	<div class="shang_payselect">
    		<div class="pay_item checked" data-id="alipay">
	    		<span class="radiobox"></span>
	    		<span class="pay_logo"><img src="images/alipay.jpg" alt="公众号" /></span>
    		</div>
    		<div class="pay_item" data-id="weipay">
	    		<span class="radiobox"></span>
	    		<span class="pay_logo"><img src="images/wechat.jpg" alt="小程序" /></span>
    		</div>
    	</div>
    	<div class="shang_info">
    		<p>打开微信扫一扫，<span id="shang_pay_txt">关注公众号</span></p>
    		<p>Powered by @好好de浩浩</a></p>
    	</div>
    </div>
    </div>
<!--微信二维码层结束-->
<script type="text/javascript" src="js/jquery-2.1.4.min.js" ></script>
<script type="text/javascript" src="js/layer/layer.js" ></script>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="js/base.js" ></script>
<script type="text/javascript" src="js/common.js" ></script>

<script type="text/javascript">
	setSelfInfo();
	function setSelfInfo() {
	var data = $.webSignState();
	if(data.code == '00') {
		$.ajax({
			type: "get",
			url: $.httpRootPath() + "/api/web/manager/self",
			dataType: 'json',
			success: function(reply) {
				if(reply.code == "00") {
					$(".userName").html(reply.data.name);
					$(".userName").removeAttr("onclick");
				}
			},
			error: function() {
				console.log("获取个人信息失败");
			}
		});
	}

}
</script>
<script>
    seajs.use('jquery',function($) {
        $(function () {
             //
            $(".index-con .in-kct").hover(function() {
                $(this).find('i:first').addClass('smaller').removeClass('bigger')
                $(this).find('span:first').fadeOut('')
                $(this).find('.in-text').show('fast').addClass('show')
                $(this).find('.ch').removeClass('')
            }, function() {
                $(this).find('i:first').removeClass('smaller').addClass('bigger')
                $(this).find('span:first').fadeIn('')
                $(this).find('.in-text').hide('').removeClass('fast')
                $(this).find('.ch').addClass('show')
            })
            $(".index-con .in-jbk").hover(function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').hide('')
                $(this).find('.in-text').show('').addClass('show')
                var num = $(this).index('.in-jbk') + 1;
                $(this).find('.in-none').show('').addClass('toLeft' + num).removeClass('toRight' + num)
                $(this).find('.ch1').removeClass('show')
            }, function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').fadeIn('')
                $(this).find('.in-text').hide('').removeClass('show')
                var num = $(this).index('.in-jbk') + 1;
                $(this).find('.in-none').show().addClass('toRight' + num).removeClass('toLeft' + num)
                $(this).find('.ch1').addClass('show')
            })
            $(".index-con .in-zxl").hover(function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').hide('')
                $(this).find('.in-text').show().addClass('show')
                var nums = $(this).index('.in-zxl') + 1;
                $(this).find('.in-none').show().addClass('toLeft4').removeClass('toRight4')
                $(this).find('.ch2').removeClass('show')
            }, function() {
                $(this).find('i:first').addClass('hide')
                $(this).find('span:first').fadeIn('fast')
                $(this).find('.in-text').hide().removeClass('show')
                $(this).find('.in-none').show().addClass('toRight4').removeClass('toLeft4')
                $(this).find('.ch2').addClass('show')
            });
        });
    })
</script>
<script type="text/javascript">
    $(function(){
    	$(".pay_item").click(function(){
    		$(this).addClass('checked').siblings('.pay_item').removeClass('checked');
    		var dataid=$(this).attr('data-id');
    		$(".shang_payimg img").attr("src","images/"+dataid+"img.jpg");
    		$("#shang_pay_txt").text(dataid=="alipay"?"关注公众号":"体验小程序");
    	});
    });
    function dashangToggle(){
    	$(".hide_box").fadeToggle();
    	$(".shang_box").fadeToggle();
}

</script>
</body>
</html>
